﻿<html>
  <head>
    <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
  </head>
  <body>
    <div class="titulo">Top Chistes</div>
    <div>
      Bienvenido a otra colección de los mejores chistes.
    </div>
    
    <hr />
    
    <br />
    
    <div>
      <ul class="menu">
        <li><a href="/">Inicio</a></li>
        <li><a href="/lista">Lista de Chistes</a></li>
        <li><a href="{{ url }}">{{ url_linktext }}</a></li>
      </ul>
    </div>
    
    <br />
    
    {% if usuario %}
    <div class="forma">
      <div class="subtitulo">Mandanos tu chiste:</div>
      <form action="/sign" method="post">
        <div><textarea name="chiste" rows="10" cols="100"></textarea></div>
        <div>¿Cómo clasificarías ese chiste?
          <select name="tipo">
            <option value="Chiste Blanco">Chiste Blanco</option>
            <option value="Chiste Rojo">Chiste Rojo</option>
            <option value="Chiste Verde">Chiste Verde</option>
            <option value="No se">No se</option>
          </select>
        </div>
        <div><input type="submit" value="Enviar"></div>
      </form>
    </div>
    {% else %}
    <br />
    <div class="chistes">Porfavor haz login para poder subir chistes y calificarlos</div>
    <br />
    {% endif %}
    
    <br />
    
    <div class="footer"> 
      La idea detrás de éste proyecto es recolectar la mayor cantidad de chistes posibles, calficarlos y
      catalogarlos. Se que hay bastantes sitios web que ya hacen esto, pero es una aplicación con la que
      quiero aprender el appengine de google y ver las ventajas que tiene al intentar manejar mucha
      información. alharita@gmail.com
    </div>
  </body>
</html>